/** dark 主题下的变量 */

// 主题名称
$--m-theme-name: "dark";
// 主题背景颜色
$--m-theme-bg-color: #151515;
// 主题色
$--m-theme-color: #409eff;
// 默认文字颜色
$--m-font-color: #ffffff;
// active 状态下文字颜色
$--m-active-font-color: #409eff;
// hover 状态下文字颜色
$--m-hover-color: #409eff;
// 边框颜色
$--m-border-color: #303133;

html.dark {
  background-color: $--m-theme-bg-color;
  color: $--m-font-color;
  .header {
    background-color: $--m-theme-bg-color !important;
  }
  .sidebar {
    .el-menu {
      background-color: $--m-theme-bg-color;
      .el-icon {
        color: $--m-font-color;
      }
      .sle {
        color: $--m-font-color;
      }
    }
  }
  .breadcrumb-box {
    .breadcrumb-icon {
      color: $--m-font-color;
    }
    .breadcrumb-title {
      color: $--m-font-color;
    }
  }
  .main {
    .el-tabs__nav {
      .el-tabs__item {
        color: $--m-font-color;
      }
      .is-active {
        border-bottom-color: transparent;
        color: $--m-active-font-color;
      }
    }
  }
}